<template>
  <el-card shadow="hover" style="height: 100%;" :body-style="{height:'100%',background:'#282c34',}">
    <div class="item7">

    </div>
  </el-card>
</template>

<script setup lang="ts" name="1_boxBorder">

</script>

<style scoped lang="less">
.item7 {
  width: 200px;
  border: 4px solid #FFFF66;
  padding-top: 10%;
  -webkit-animation: twinkling 1s infinite ease-in-out; /*1秒钟的开始结束都慢的无限次动画*/
}
@-webkit-keyframes twinkling{	/*透明度由0到1*/
  0% {
    border-color: #FFFF66;
    box-shadow: 0 0 10px rgba(0,255,0,.2), inset 0 0 10px rgba(0,255,0,.1), 0 1px 0 #393;
  }
  100% {
    border-color: #6f6;
    box-shadow: 0 0 25px rgba(0,255,0,.6), inset 0 0 15px rgba(125, 231, 125, 0.4), 0 1px 0 #6f6;
  }
}
</style>
